<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>Document</title>
    <!-- 本地 -->
    <link href="../static/bootstrap-3.4.1/dist/css/bootstrap.css" 
    type="text/css" rel="stylesheet" /> 

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<!-- <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js" rel="external nofollow" ></script> -->
<script src="../static/jQuery-v3.6.0/jQueryv3.6.0.js" rel="external nofollow" ></script>
 
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<!-- <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" rel="external nofollow" ></script> -->
<script src="../static/bootstrap-3.4.1/dist/js/bootstrap.js" rel="external nofollow" ></script>
<!-- boostrap跟jquery的版本兼容性，要考虑，比如这里的【bootstrap-5.1.3】就跟【jQuery-v3.6.0】不兼容 -->
<!-- <script src="../static/bootstrap-5.1.3-dist/js/bootstrap.js" rel="external nofollow" ></script> -->
</head>

<body>
    
<p>带有下拉菜单的标签页</p>
<ul class="nav nav-tabs">
   <li class="active"><a href="#">Home</a></li>
   <li><a href="#">SVN</a></li>
   <li><a href="#">iOS</a></li>
   <li><a href="#">VB.Net</a></li>
   <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">
         Java <span class="caret"></span>
      </a>
      <ul class="dropdown-menu">
         <li><a href="#">Swing</a></li>
         <li><a href="#">jMeter</a></li>
         <li><a href="#">EJB</a></li>
         <li class="divider"></li>
         <li><a href="#">分离的链接</a></li>
      </ul>
   </li>
   <li><a href="#">PHP</a></li>
</ul>
</body>

</html>